<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>全部分类</title>
    <link href="__PUBLIC__/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
    <link href="__PUBLIC__/basic/css/demo.css" rel="stylesheet" type="text/css"/>
    <link href="__PUBLIC__/css/sortstyle.css" rel="stylesheet" type="text/css"/>
    <script src="__PUBLIC__/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
    <style>
        /*搜索框*/

    </style>
</head>

<body style="background-color: #ffffff">


<div class="am-g am-text-center" style="background-color: #FFAD01">
    <div class="am-u-sm-2 am-padding-0" style="margin-top: 1%">
        <img src="__PUBLIC__/new_images/logo.png" width="50" height="50" alt="">
    </div>
    <div class="am-u-sm-8 am-padding-0">
            <input type="search" class="search" id="search" placeholder="搜索商品，获得更多好物">
    </div>
    <div class="am-u-sm-2 am-padding-0">
        <a href="{:U('Index/selectCity')}">
            <a href="#" style="display: block;line-height: 60px;font-size: 18px;color: #FFF">
            搜索
            </a>
        </a>
    </div>
</div>
<div id="nav" class="navfull">
    <div class="area clearfix">
        <div class="category-content" id="guide_2">
   <!--         <div class="long-title"><span class="all-goods">全部分类</span><span id="meauBack"><a
                    href="#">返回</a></span></div>-->
            <div class="category">
                <ul class="category-list" id="js_climit_li" >
                    <volist name="topCategoryList" id="topCategory" key="key">
                        <eq name="key" value="1">
                        <li class="appliance js_toggle relative first selected " style="border-bottom: 1px #f1f1f1 solid;">
                            <else/><li class="appliance js_toggle relative first" style="border-bottom: 1px #f1f1f1 solid;" >
                            </eq>
                            <div class="category-info" style="text-align: center; ">
                                <h3 class="category-name b-category-name"><i><img src="__ROOT__/{$topCategory.image}"></i><a
                                        class="ml-22" title="{$topCategory.name}" style="font-size: 13px;">{$topCategory.name}</a></h3>
                                <!--<em>&gt;</em>-->
                            </div>
                            <div class="menu-item menu-in top" style="background-color: #ffffff">
                                    <div class="area-in">

                                    <div class="area-bg">
                                        <div class="menu-srot" style="margin-top: -30px;margin-bottom: 40px;">

                                            <div class="brand-side" style="background-color: #ffffff">
                                                <dl class="dl-sort">

                                                    <img src="__PUBLIC__/new_images/category_top.png" width="100%">
                                                </dl>
                                            </div>

                                            <div class="sort-side">
                                                <volist name="topCategory.categoryList" id="twoCategory">
                                                    <dl class="dl-sort">
                                                        <dt><span title="{$twoCategory.name}">{$twoCategory.name}</span></dt>
                                                        <volist name="twoCategory.categoryList" id="threeCategory">
                                                            <dd><a title="{$threeCategory.name}" style="border: none;" href="__APP__/Home/Goods/search?type=1&search={$threeCategory.id}"><img
                                                                    src="{$threeCategory.image}" style="width: 100%;" alt=""><br><span style="margin-top: 10px;">{$threeCategory.name}</span></a></dd>

                                                        </volist>

                                                    </dl>
                                                </volist>

                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <b class="arrow"></b>
                        </li>
                    </volist>


                </ul>
            </div>
        </div>

    </div>
</div>
<script type="text/javascript">
    $("#search").focus(function () {
        window.location.href = '__ROOT__/Home/Goods/search';
    });
    $(document).ready(function () {
        $("li").click(function () {
            $(this).addClass("selected").siblings().removeClass("selected");
        })
    })
</script>
<div class="clear"></div>
<!--引导 -->
<include file="Public:bottom_navbar" />
</body>

</html>